<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<script src="modernizr.js"></script>
        <script src="util.js"></script>
		<!--<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>-->
		<script type="text/javascript" src="jquery.js"></script>
		<script src="imageLoader.js"></script>
		<script src="gameEngine.js"></script>
		<script src="graphicsEngine.js"></script>
		<script src="collisionEngine.js"></script>
		<script src="networkingEngine.js"></script>
		<script src="gameObjects/gameObject.js"></script>
		<script src="gameObjects/gameObjectFactory.js"></script>
		<script src="map/map.js"></script>
		<script src="map/tile.js"></script>
		<script src="player.js"></script>
		<script src="main.js"></script>
	</head>
	<body oncontextmenu="return false;">
		<!--<div id="mainMenu" style="width: 1010px; margin: 50px auto 50px auto;">
			<div style="color: red; font-size: 36px; font-weight: bold; text-align: center; margin: 50px;">
				Lizard Warz
			</div>
			<div style="text-align: center; margin: 10px;">
				<button id="singlePlayer" type="button">
					Single Player
				</button>
			</div>
			<div style="text-align: center; margin: 10px;">
				<button id="multiPlayer" type="button">
					Multi Player
				</button>
			</div>
			<div style="text-align: center; margin: 10px;">
				<button id="replay" type="button">
					Replay
				</button>
			</div>
		</div>-->
		<!--<div id="connect">
			<input id="ip" type="text"></input>
			<button id="connect">Connect</button>
		</div>-->
		<div id="game" style="width: 1010px; margin: 50px auto 50px auto;">
			<canvas id="main" width="800" height="600" style="width: 800px; height: 600px; float: left;">
				 Your browser does not support HTML5 Canvas.
			</canvas>
			<div id="sidebar" style="float: left; width: 200px; height: 595px; margin: 0 0 0 0; border-style: solid; background-color: black;">
                <div id="credits" style="background-color: #000; color: #0f0; text-align: center;"></div>
				<canvas id="miniMap" width="200" height="200" style="margin: 0 0 0 0;"></canvas>
				<div id="selectedUnitGui" style="height:100px; width: 200px;">
					<div id="unitTitle" style="width: 200px; height: 40px;"></div>
					<div id="unitStatus" style="width: 200px; height: 40px;"></div>
					<div id="cancelButtons" style="width: 200px; height: 20px;"></div>
				</div>
				<div id="gui" width="200" height="382" style="margin: 5px 0 0 0;">
					<div id="structures" width="75" height="382" style="width: 100px; height: 260px; float: left; overflow-y: scroll;">
					</div>
					<div id="units" width="75" height="382" style="width: 100px; height: 260px; float: right; overflow-y: scroll;">
					</div>
				</div>
			</div>
			<div id="chat" style="height: 100px; width: 800px; float: left;">
					<div id="chat_log" style="overflow-y: scroll; height: 100px;"></div>
					<input type="text" id="chat_input" style="width: 800px;"/>
			</div>
			<!--<div id="gameOver" style="position: absolute; top: 380px; left: 350px; color: red; font-size: 24px; font-weight: bold;">Mission Accomplished</div>-->
		</div>
	</body>
</html>
